/* line 1, history.less */
#layout {
  padding-top: 0.44rem;
}
/* line 3, history.less */
#layout .fz12 {
  font-size: 0.12rem;
}
/* line 6, history.less */
#layout .fz10 {
  font-size: 0.1rem;
}
/* line 9, history.less */
#layout .fz14 {
  font-size: 0.14rem;
}
/* line 12, history.less */
#layout .fz16 {
  font-size: 0.16rem;
}
/* line 15, history.less */
#layout .gray-6 {
  color: #666;
}
/* line 19, history.less */
#layout .gray-9 {
  color: #999;
}
/* line 22, history.less */
#layout .white {
  color: #fff;
}
/* line 26, history.less */
#layout .top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
  width: 100%;
  height: 0.44rem;
  line-height: 0.44rem;
  background: #1448ae;
  padding: 0 0.21rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* line 38, history.less */
#layout .top .back {
  width: 0.15rem;
  height: 0.2rem;
  color: transparent;
  line-height: 999rem;
  overflow: hidden;
  margin-top: 0.13rem;
  background: url(../images/icon/sprites.png) no-repeat -0.51rem -0.16rem;
  background-size: 3.75rem auto;
}
/* line 49, history.less */
#layout .top h3 {
  margin-left: 0.1rem;
  font-weight: normal;
}
/* line 57, history.less */
#layout .wrapper .content .main {
  padding: 0 0.12rem;
}
/* line 60, history.less */
#layout .wrapper .content .main .history-list p.day {
  margin-top: 0.1rem;
}
/* line 64, history.less */
#layout .wrapper .content .main .history-list .history-item {
  margin-bottom: 0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* line 68, history.less */
#layout .wrapper .content .main .history-list .history-item .icon-box {
  width: 9%;
  margin-top: 0.05rem;
  position: relative;
}
/* line 72, history.less */
#layout .wrapper .content .main .history-list .history-item .icon-box span {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #1ab2db;
}
/* line 78, history.less */
#layout .wrapper .content .main .history-list .history-item .icon-box span .icon {
  display: block;
  width: 0.17rem;
  height: 0.17rem;
  margin-top: 0.05rem;
  margin-left: 0.03rem;
  background: url(../images/icon/sprites.png) no-repeat -3.41rem -1.31rem;
  background-size: 3.75rem auto;
}
/* line 88, history.less */
#layout .wrapper .content .main .history-list .history-item .icon-box .line {
  position: absolute;
}
/* line 93, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc {
  width: 89%;
  background: #f4f4f4;
  padding: 0.13rem 0.09rem;
  border-radius: 6px;
  position: relative;
}
/* line 99, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc:before {
  position: absolute;
  left: -0.15rem;
  top: 0.1rem;
  content: '';
  font-size: 0;
  line-height: 0;
  border: 0.08rem solid transparent;
  border-right: 0.08rem solid #f4f4f4;
  width: 0;
  height: 0;
}
/* line 111, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* line 114, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc a .txt-box {
  width: 68%;
}
/* line 116, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc a .txt-box p {
  line-height: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* line 126, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc a .txt-box .prize {
  margin-top: 0.07rem;
}
/* line 127, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc a .txt-box .prize span {
  color: #f88412;
}
/* line 133, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc a .img-box {
  width: 26%;
}
/* line 135, history.less */
#layout .wrapper .content .main .history-list .history-item .history-desc a .img-box img {
  border-radius: 5px;
}
